.califique {
    font-size: 1.3rem;
    color: #c22a22;
    font-style: italic;
    font-weight: bold;
}
.separadorhr{
    border:none;
    height:5px;
    background-color: none;
}
a{
    text-decoration: none!important;
}
.pregunta{font-size:2rem;}

.inbl {
    display: inline-block;
}
.puntuacion{
    margin:0 auto;
}
.lhestrellas{
   
}
input[type="radio"] {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
}
.fontboton{
    font-size: 20px!important;
    color:#716122!important;
}
	.ec-stars-wrapper {
			/* Espacio entre los inline-block (los hijos, los `a`) 
			   http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
			font-size: 20;
			/* Podríamos quitarlo, 
				pero de esta manera (siempre que no le demos padding), 
				sólo aplicará la regla .ec-stars-wrapper:hover a cuando
				también se esté haciendo hover a alguna estrella */
			display: inline-block;
		}
		.ec-stars-wrapper a {
			text-decoration: none;
			display: inline-block;
			/* Volver a dar tamaño al texto */
			font-size: 32px;
			font-size: 3rem;
			
			color: #e0e0e0;
		}

.estrellasp{
    text-decoration: none;
			display: inline-block;
			/* Volver a dar tamaño al texto */
			font-size: 32px;
			font-size: 3rem;
			
			color: #ffdc5d;
}
		.ec-stars-wrapper:hover a {
			color: #ffdc5d;
		}
		/*
		 * El selector de hijo, es necesario para aumentar la especifidad
		 */
		.ec-stars-wrapper > a:hover ~ a {
			color: #eaeaea;
		}
.mrginput{
    padding-top:20px!important;
}
.calificacion {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    background-position: right;
    background-size: 100%;

}

.contenedorclasificacion {


    max-width: 100vw;
    margin: 0 auto;
}